本書內容改編自【第13屆】2021iThome鐵人賽
ModernWeb組佳作網路系列文章
《30天擁有一套自己手刻的ReactUI元件庫》
《本書特色》
1.剖析並比較不同主流ReactUI元件庫
參考並剖析市面上知名並常用的ReactUI元件庫，瞭解其設計介面及元件結構，站在巨人的肩膀上來實作屬於自己的元件。
2.從無到有的實踐
不只有理論上的比較以及分析，本書亦包涵從無到有的實踐，逐一拆解各個步驟，從零開始打造一個容易被重用的元件。
3.涵蓋大部分常用的元件
本書涵蓋大部分常用元件的解析以及實作，讓讀者跳脫只會使用人家做好的工具的小白，甚至能夠做出根據自己需求、客製化的元件庫。
4.同一個元件，討論不同設計方向的思路
同樣的元件在不同的專案當中會有不同的應用情境及考量，就算是同一個功能也會有不同的實作方式，因此我們不只討論如何實作，也會討論為什麼要這樣實作。
5.為剛入門React但開發經驗還不足的朋友分享一些踩雷經驗
經驗不足的工程師最大的痛點就是無法考量到各種面向的優劣，不是因為他故意要設計出不好用的元件，而是因為沒有踩過雷，所以不知道這樣做會造成什麼樣的後果。本書也會分享一些踩雷經驗，幫助讀者避免走一些冤枉路。
《專業推薦》
本書中幾乎從頭開始打造了所有常見的元件，每一個都有講解設計理念、考量點以及範例程式碼，並且很重要的一點是他參考了MUI跟AntDesign這些熱門的library，從中學習它們的設計理念以及HTML結構或是React的寫法。
推薦這本書給所有想要打造UIlibrary的新手，如果你對怎麼做出一套UIlibrary毫無概念，那這本書很適合你。
技術部落格Huli’sblog站長Huli
市面上，你很難找到一本這麼完整、幾乎各個基本元件都涵括到的書。針對不同類型的元件，作者都先整理了知名UI框架常見的作法，加以比較、分析後，再帶入作者的實務經驗和思考，最後才開始著手開發，讓讀者能夠跟著這樣的脈絡實作出一個又一個不同的元件。
PJCHENder網頁開發咩腳版主、《從Hooks開始，讓你的網頁React起來》作者|陳柏融
作者將其工作多年的經驗毫無保留地分享，在內容中並非只是闡述做法，而是一邊帶領著讀者思考，比較分析了各個系統的做法，進而整合實作出最適合自己的UILibrary。
如果想要更了解並更掌握React基礎的朋友，由衷地推薦您透過這本書進行深入的學習。如果想要設計自己一套UILibrary的朋友，不妨讓這本書帶您一起前進！
搞定學院學習社群創辦人|知名外商Hewlett-Packard資深工程師|JimmyChu
對於這本著作，我只認為相見恨晚，因為我曾經也有自己建立UI元件庫的需求，但當時並沒有這樣的一本書讓我理解各個元件的設計細節與思考脈絡。如果你對於打造UILibrary有興趣，千萬不能錯過這本精彩的著作！
《今晚來點Web前端效能優化大補帖》作者|莫力全KyleMo
HOOKS ANTDESIGN REACT 分析 UI HTML 比較 WEB
